반응형 디자인 포트폴리오 "Stay Japan"을 Scss에서 구현 및 응답 가능 구현 프런트 엔드 엔지니어를 목표로 프로그래밍을 배우고 있습니다. 나가타라고 합니다. 프로그래밍 학습의 아웃풋으로서 자작의 「Stay Japna」를 공개합니다. 이 기사에서는 「Stay Japna」의 개요에 대해 설명합니다. 소스 코드↓ 자신의 프로그래밍 학습 출력 보수성, 운용성을 높이기 위한 Scss로의 기술과 css설계의 BEM에서의 기술로 컴포넌트화를 실행해, 개발 스피드를 향상시킨다. 반... 반응형 디자인scss자바스크립트gulpHTMLCSS 반응형 디자인 화면 폭을 맞추어 레이아웃이 유연하게 전환된다. 반응형 디자인이 적용되지 않으면 화면 폭을 좁히면 콘텐츠가 맞지 않을 수 있습니다. 응답형 디자인을 적용하기 위해서는 <head> 태그내에 viewport를 설정한다. 또, responsive.css의 로딩에서는 stylesheet.css에 미디어 쿼리용의 CSS를 기술해도 문제 없지만, 정리하기 쉽도록 CSS를 분할해 responsive.cs... 미디어 쿼리HTML반응형 디자인프로그래밍 공부 일기CSS
포트폴리오 "Stay Japan"을 Scss에서 구현 및 응답 가능 구현 프런트 엔드 엔지니어를 목표로 프로그래밍을 배우고 있습니다. 나가타라고 합니다. 프로그래밍 학습의 아웃풋으로서 자작의 「Stay Japna」를 공개합니다. 이 기사에서는 「Stay Japna」의 개요에 대해 설명합니다. 소스 코드↓ 자신의 프로그래밍 학습 출력 보수성, 운용성을 높이기 위한 Scss로의 기술과 css설계의 BEM에서의 기술로 컴포넌트화를 실행해, 개발 스피드를 향상시킨다. 반... 반응형 디자인scss자바스크립트gulpHTMLCSS 반응형 디자인 화면 폭을 맞추어 레이아웃이 유연하게 전환된다. 반응형 디자인이 적용되지 않으면 화면 폭을 좁히면 콘텐츠가 맞지 않을 수 있습니다. 응답형 디자인을 적용하기 위해서는 <head> 태그내에 viewport를 설정한다. 또, responsive.css의 로딩에서는 stylesheet.css에 미디어 쿼리용의 CSS를 기술해도 문제 없지만, 정리하기 쉽도록 CSS를 분할해 responsive.cs... 미디어 쿼리HTML반응형 디자인프로그래밍 공부 일기CSS